---
title: Despliega tu proyecto de Astro usando Firebase Hosting de Google
description: Cómo desplegar tu proyecto de Astro usando Firebase Hosting de Google.
type: deploy
i18nReady: true
---
import PackageManagerTabs from '~/components/tabs/PackageManagerTabs.astro'

[Firebase Hosting](https://firebase.google.com/products/hosting) es un servicio provisto por la plataforma de desarrollo de Google [Firebase](https://firebase.google.com/), el cual puede ser usado para desplegar un proyecto de Astro.

Consulta nuestra guía para [desplegar en el servicio de Hosteo de Firebase](/es/guides/backend/google-firebase/).

## Configuración de proyecto

Tu proyecto de Astro puede ser desplegado en Firebase como un sitio estático o como un sitio renderizado del lado del servidor (SSR).

### Sitio estático

Tu proyecto de Astro es un sitio estático por defecto. No necesitas ninguna configuración extra para desplegar un sitio estático de Astro en Firebase.

### Adaptador para SSR

Para habilitar SSR en tu proyecto de Astro y desplegarlo en Firebase, agrega el [adaptador de Node.js](/es/guides/integrations-guide/node/).

:::note
Desplegar un sitio SSR de Astro en Firebase requiere el [plan Blaze](https://firebase.google.com/pricing) o superior.
:::

## Cómo desplegar

1. Instala la [CLI de Firebase](https://github.com/firebase/firebase-tools). Esta es una herramienta de línea de comandos que te permite interactuar con Firebase desde la terminal.

    <PackageManagerTabs>
      <Fragment slot="npm">
      ```shell
      npm install firebase-tools
      ```
      </Fragment>
      <Fragment slot="pnpm">
      ```shell
      pnpm add firebase-tools
      ```
      </Fragment>
      <Fragment slot="yarn">
      ```shell
      yarn add firebase-tools
      ```
      </Fragment>
    </PackageManagerTabs>

2. Autentica la CLI de Firebase con tu cuenta de Google. Esto abrirá una ventana de navegador donde puedes iniciar sesión con tu cuenta de Google.

    <PackageManagerTabs>
      <Fragment slot="npm">
      ```shell
      npx firebase login
      ```
      </Fragment>
      <Fragment slot="pnpm">
      ```shell
      pnpm exec firebase login
      ```
      </Fragment>
      <Fragment slot="yarn">
      ```shell
      yarn firebase login
      ```
      </Fragment>
    </PackageManagerTabs>

3. Habilita el soporte experimental para frameworks web. Esta es una característica experimental que permite a la CLI de Firebase detectar y configurar los ajustes de despliegue para Astro.

    <PackageManagerTabs>
      <Fragment slot="npm">
      ```shell
      npx firebase experiments:enable webframeworks
      ```
      </Fragment>
      <Fragment slot="pnpm">
      ```shell
      pnpm exec firebase experiments:enable webframeworks
      ```
      </Fragment>
      <Fragment slot="yarn">
      ```shell
      yarn firebase experiments:enable webframeworks
      ```
      </Fragment>
    </PackageManagerTabs>

4. Inicializa el servicio de Alojamiento de Firebase en tu proyecto. Esto creará un archivo `firebase.json` y `.firebaserc` en la raíz de tu proyecto.

    <PackageManagerTabs>
      <Fragment slot="npm">
      ```shell
      npx firebase init hosting
      ```
      </Fragment>
      <Fragment slot="pnpm">
      ```shell
      pnpm exec firebase init hosting
      ```
      </Fragment>
      <Fragment slot="yarn">
      ```shell
      yarn firebase init hosting
      ```
      </Fragment>
    </PackageManagerTabs>

5. Despliega tu sitio en el servicio de Alojamiento de Firebase. Esto construirá tu sitio de Astro y lo desplegará en Firebase.

    <PackageManagerTabs>
      <Fragment slot="npm">
      ```shell
      npx firebase deploy --only hosting
      ```
      </Fragment>
      <Fragment slot="pnpm">
      ```shell
      pnpm exec firebase deploy --only hosting
      ```
      </Fragment>
      <Fragment slot="yarn">
      ```shell
      yarn firebase deploy --only hosting
      ```
      </Fragment>
    </PackageManagerTabs>
